<!---- Creator: Eoly -->
<!---- On 2017/9/20 -->
<!---- Call http://palerock.cn -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>Title</title>
    <style>
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
    <!--<script src="ajaxHook.js"></script>-->
    <script src="../src/everything-hook.js"></script>
    <script>
        var id = eHook.hookAjax({
            //拦截回调
            onreadystatechange: function (old, args) {
                console.log("onreadystatechange called: %O", this)
            },
            onload: function (old, args) {
                console.log("onload called: %O", this);
            },
            //拦截函数
            open: function (old, arg) {
                console.log("open called: method:%s,url:%s,async:%s", arg[0], arg[1], arg[2])
            }
        });
    </script>
    <script src="jquery-3.1.1.js"></script>
    <script>
        $.ajax({
            url: 'http://palerock.cn/h5_back/group/find-all-groups-count?id=100&ll=9',
            success: function (res) {
                console.log(res);
            },
            error: function (res) {
                console.log(res);
            }
        });
        setTimeout(function () {
            $.ajax({
                url: 'http://palerock.cn/h5_back/group/find-all-groups-count?id=100&ll=9',
                success: function (res) {
                    console.log(res);
                },
                error: function (res) {
                    console.log(res);
                }
            });
        },2000);
    </script>
</head>
<body>
<div>
    <div class="head" style="width: 400px;background-color: #5fb492">
        我是头
    </div>
    <div class="body" style="width: 400px;height: 400px;overflow: auto;background-color: bisque">
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
        <p>我是身体</p>
    </div>
    <div class="foot" style="width: 400px;background-color: blue">
        我是脚
    </div>
</div>
</body>
</html>